var $profile = {
    input: {
        name: 'username',
        value: ''
    },
    init:function($name, $value){
        $profile.input.name = $name;
        $profile.input.value = $value;
    },
    show: function($html){
        $('#' + $profile.input.name).append($html);
    },
    destroy: function(){
        $('#' + $profile.input.name).empty();
    },
    update: function(){

        var $option = {
            url: '',
            type: 'POST',
            data: '',
            dataType: 'text',
            success: function(){},
            error: function(){}
        };

        $.ajax($option);
    }
};


$('.edit').click(function(event){
    event.preventDefault();
    $id = $(this).attr('id').replace('edit_','');
    $('#insert_' + $id).append("<input type='text' id="+ $id +" value='"+ $('#text_'+$id).text() +"'  />");
    $('#text_'+$id).hide();
    $(this).hide();
    $('.update').insertAfter($(this))
    .show()
    .attr('id', 'update_' + $id);
});
                
$('.update').click(function(event){
    event.preventDefault();
    $id = $(this).attr('id').replace('update_','');
    var $option = {
        url: 'index.php?c=index&m=updateprofile',
        type: 'POST',
        data: 'profile[name]=' + $id + '&profile[value]=' + $('#' + $id).val() + '&profile[token]=' + $('#token').val(),
        dataType: 'text',
        success: function($response){
            $response = eval('(' + $response + ')')
            if($response.result){
                $('#text_' + $response.name).text($response.value);
                $('#update_' + $response.name).hide();////
                $('#' + $response.name).hide();////
                $('#text_'+$id).show();
                $('#edit_'+$id).show();
            }
            else{
                alert('Update not success');
            }
        },
        error: function(){}
    };

    $.ajax($option);
});